<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    特殊字符
    &nbsp; 空格符
    &lt; 左尖括号
    &gt; 右尖括号
    &copy;版权符号
    &reg; 注册商标

    语义化标签：中英互译

    <div></div> 最大的块级标签
    <span></span> 最大的行内标签
    <iframe src="" frameborder="0"></iframe> 嵌入
    src：网址、html  
    frameborder: 是否具有边框 0无 1有
    height: 高度
    width: 宽度
    style="XXX"
    <pre></pre> 预格式化
    <b></b>
    <strong></strong>  加粗
    <i></i>
    <em></em> 斜体
    <u></u>
    <ins></ins> 下划线
    <s></s>
    <del></del> 删除
    
    列表标签
    ul  li  无序列表
    ol  li  有序列表
    dl dt dd  自定义列表

    块级元素
    1. 独占一行，从上往下，垂直排列
    2. 宽度不设置默认，父级的宽度
    3. 高度和宽度设置生效
    4. 外边距、内填充可以起作用
    5. html、head、body、h1-h6、p、div、ul li、ol li、dl dt dd....
    行内元素
    1. 都在一行内，从左往右，水平排列
    2. 宽度不设置默认，内容的宽度
    3. 高度和宽度设置不生效
    4. 垂直方向的margin和padding不起作用
    5. span、b  strong u ins s del i em a....
    行内块元素
    1. 都在一行内，从左往右，水平排列
    2. 宽度不设置默认，内容的宽度
    3. 高度和宽度设置生效
    4. img

    转化
    display:inline; 转化行内元素
    display:block; 转化块元素  显示元素
    display:inline-block; 转化行内块元素
    display:none; 隐藏元素
    
    路径
    绝对路径：网址  目录在硬盘上真正的路径
    相对路径:(3)
    同级 ./ 什么都不写
    下一级 /
    上一级 ../

    让一个元素消失有几种办法7 (5)
    1. display:none; 隐藏元素不占位
    2. visibility:hidden;隐藏元素占位
    3. opactiy:0;隐藏元素占位
    4. height:0; 高度为0
       overflow:hidden; 溢出隐藏（超过高度隐藏）隐藏元素不占位
    5. 前提条件：不要height
       font-size:0; 隐藏元素不占位
</body>
</html>